<!DOCTYPE HTML>
<html>
<head>
<title>incake</title>
<link rel="shortcut icon" href="/img/title.ico" />
<link rel="stylesheet" type="text/css" href="/css/base.css">
<link rel="stylesheet" type="text/css" href="/css/detail.css">

<script src="/lib/requirejs/require.js" data-main="/js/detail"></script>
</head>
<body>
    <header></header>

	<div class="content">
  	<div class="content_box">


   	</div>
	</div>
<footer></footer>
<!-- 详情模板 -->
<script type="text/html" id="detail_template">
	   	<div class="top1">
	       		<!-- 放大镜 -->
	   	       	<div class="fdj">
	   	       			<!-- 显示中图 -->
						<img src="{{img[0].middle}}" data-zoom-image="{{img[0].big}}" alt="" class="middle-zoom">
						<!-- 显示小图 -->
						<div id="gal1">
							{{each img curr}}
							<a href="#" data-image="{{curr.middle}}" data-zoom-image="{{curr.big}}">
								<img src="{{curr.small}}" alt="">
							</a>
							{{/each}}
						</div>
						 <div class="clearfix"></div>
				</div>
				<!-- 放大镜 -->
				<div class="right1">
					<span class="hiddenid">{{id}}</span>
				    <h2 class="title">{{title}}</h2>
				    <p class="price">{{price}}</p>
				    <p class="desc">{{desc}}</p>
				    <p class="miaoshu">商品详情:</p>
     				<p class="ms">{{details}}</p>
				    <div class="btn">
						<form>
							<input type="submit" value="加入购物车" title="" class="buy">
						</form>
					 </div>
				</div>
     	</div>
	    <div class="more">
	     	<p class="gdxx">更多信息</p>
	     	<hr/>
	     	<p class="gd">{{more}}</p>
	     	<div class="tu">
	     		<img src="{{img[0].imgzc}}" alt="">
	     	</div>
	    </div>
</script>
<link href="/css/flexslider.css" rel='stylesheet' type='text/css' />

</body>
</html>